import React from 'react';
import { connect } from 'react-redux';

class SearchMain extends React.Component {
    render() {
        return <div className="searchMain">
            <div className="searchDesc">
                {this.props.data.result ? `搜索${this.props.keyWords},找到${this.props.data.result.songCount}首单曲`:null}
                </div>

            <ul className="searchNav">
                <li className="navItem">
                    <a className="navLink  active"><em>单曲</em></a>
                </li>
                <li className="navItem">
                    <a className="navLink"><em>歌手</em></a>
                </li>
                <li className="navItem">
                    <a className="navLink"><em>专辑</em></a>
                </li>
                <li className="navItem">
                    <a className="navLink"><em>视频</em></a>
                </li>
                <li className="navItem">
                    <a className="navLink"><em>歌词</em></a>
                </li>
                <li className="navItem">
                    <a className="navLink"><em>歌单</em></a>
                </li>
                <li className="navItem">
                    <a className="navLink"><em>主播电台</em></a>
                </li>
                <li className="navItem">
                    <a className="navLink"><em>用户</em></a>
                </li>

            </ul>
        </div>
    }
}
export default connect(state => state.search, null)(SearchMain);